---
group: 'components'
category: 'state'
title: Center
description: 'Elements horizontally and vertically.'
order: 1
---

## Basic Usage

The child elements of the Center component are centered horizontally and vertically.

```js live=true
<Center style={{ background: '#eee',height:'50px',width:'100%' }}>
  Elements horizontally and vertically
</Center>
